/* pages/myOrder/myOrder.wxss */

.page {
    background: #393A62;

    // min-height: 100vh;
    .list {
        flex: 1;
        // box-sizing: border-box;
        overflow: scroll;
    }

    .items {
        // flex: 1;
        box-sizing: border-box;
        padding: 14rpx 10rpx 100rpx;

        .item {
            // position: relative;
            display: flex;
            align-items: center;
            padding: 49rpx 40rpx;
            margin-bottom: 25rpx;
            background: linear-gradient(to bottom, #8687b2, #313254) #8687b2;
            border-radius: 20rpx;

            .img {
                width: 168rpx;
                height: 168rpx;
                margin-right: 20rpx;
                border-radius: 20rpx;
                overflow: hidden;

                image {
                    width: 100%;
                }
            }


            .info {
                flex: 1;
                display: flex;
                flex-direction: column;
                padding-top: 20rpx;
                overflow: hidden;

            }

            .name {
                margin-bottom: 29rpx;
                line-height: 40rpx;
                font-size: 30rpx;
                color: #fff;
            }

            .bottom {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-top: 50rpx;

                .point {
                    display: flex;
                    align-items: center;
                    font-size: 20rpx;
                    color: rgba(255, 255, 255, 0.5);

                    text {
                        font-size: 35rpx;
                        color: #D0AE79;
                    }
                }

                .btn {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 150rpx;
                    height: 40rpx;
                    font-size: 18rpx;
                    border-radius: 40rpx;

                    &.no {
                        color: #fff;
                        background: #D0AE79;
                    }

                    &.yes {
                        color: #D0AE79;
                        background: #fff;
                    }
                }
            }
        }
    }

    .tip {
        // width: 100%;
        padding: 20rpx 0;
        font-size: 28rpx;
        text-align: center;
    }

    .no-data {
        padding: 40% 0 0;
        font-size: 28rpx;
        text-align: center;
    }
}